<template>
    <div class="apply-success-wrapper">
      <div class="apply-success-container text-align-c">
        <van-icon name="passed" />
        <h2>恭喜您申请成功！</h2>
        <p>成功入选后，工作人员会通过电话/短信与您联系</p>
        <div class="register-btn">
          <van-button size="large" round class="register-submit-btn" @click="submit">确定</van-button>
        </div>
      </div>
    </div>
</template>

<script>
  import { Button, Icon } from 'vant';
    export default {
      name: "ApplySuccess",
      components:{
        [Button.name]: Button,
        [Icon.name]: Icon,
      },
      methods:{
        submit(){
          this.$router.push('/')
        },
      }
    }
</script>

<style>
.apply-success-wrapper .apply-success-container{
  margin-top: 50px;
}
.apply-success-wrapper .apply-success-container .van-icon-passed{
  font-size: 100px;
  color: #0085ca;
}
.apply-success-wrapper .apply-success-container h2{
  font-size: 18px;
  margin-top:20px;
  margin-bottom: 10px;
  letter-spacing: 2px;
  font-weight: normal;
}
.apply-success-wrapper .apply-success-container p{
  color: #888;
}
.apply-success-wrapper .apply-success-container .register-btn{
    margin-top:30px;
}
</style>
